<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>项目首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../css/normal.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/project.css"/>
	</head>
	<body>
		<!-- 项目页头部  -->
		<!--
			logo
			项目名称
			时间日期
		-->
		<header>
			<div class="headerNameDiv">
				<img id="logo" src="../img/logo.png"/>
				<span id="projectName">
					光伏电站运维云平台
				</span>
			</div>
			<div class="headerDateDiv">
				****-**-**  --:--:--
			</div>
		</header>
		
		<!-- 项目页主体  -->
		<!--
			
		-->
		<div id="projectMain">
			<!-- 左上  -->
			<div id="mainTopLeft" class="left projectMainDiv">
				<div id="mainTopLeftChart" class="chartsDiv">
					
				</div>
			</div>
			<!-- 右上  -->
			<div id="mainTopRight" class="left projectMainDiv">
				<div id="mainTopRightChart" class="chartsDiv right" style="margin: 11px 10px 0 0;">
					<!-- 日发电量水球图    -->
					<div class="liquid left">
						<!-- 背景移动效果-->
						<div class="liquidBg"></div>
						<span id="dayEle">
							----
						</span>
					</div>
					<!-- 年发电量水球图    -->
					<div class="liquid left">
						<!-- 背景移动效果-->
						<div class="liquidBg"></div>
						<span id="totalEle">
							----
						</span>
					</div>
					<div class="eleTitle">
						<span style="margin: 0 100px 0 40px;">日发电量</span>
						<span>总发电量</span>
					</div>
				</div>
			</div>
			<!-- 左下  -->
			<div id="mainBottomLeft" class="left projectMainDiv">
				<div id="mainBottomLeftChart" class="chartsDiv" style="width: 375px;">
					
				</div>
			</div>
			<!-- 右下  -->
			<div id="mainBottomRight" class="left projectMainDiv">
				<div id="mainBottomRightChart" class="chartsDiv right" style="margin: 11px 10px 0 0;">
					
				</div>
			</div>
			<!-- 中心  -->
			<div id="mainCenter">
				<img style="position: absolute; top: 70px; left: 170px;" src="../img/co2.png"/>
				<span id="erFactorValue" style="color: paleturquoise;"> ---- </span>
				<img style="position: absolute; top: 170px; left: 55px;" src="../img/coal.png"/>
				<span id="coalFactorValue" style="color: yellowgreen;">	---- </span>
				<img style="position: absolute; top: 310px; left: 135px;" src="../img/tree.png"/>
				<span id="treeFactorValue" style="color: #01e45d;"> ---- </span>
				<img style="position: absolute; top: 225px; left: 360px;" src="../img/money.png"/>
				<span id="benifitValue" style="color: gold;"> ---- </span>
			</div>
		</div>
		
		<!-- 项目中站统计信息  -->
		<div id="projectStationInfo">
			<span class="left"></span>
			<p class="left">全部  <i id="totalStation">--</i></p>
			<span class="left" style="background: #01e45d;"></span>
			<p class="left">正常运行 <i id="runningStation">--</i></p>
			<span class="left" style="background: #d7233b;"></span>
			<p class="left">故障  <i id="errorStation">--</i></p>
		</div>
		
		<!-- 项目页底部  -->
		<!--
			公司信息
		-->
		<footer>
			云瑞科技（天津）有限公司
		</footer>
	</body>
	<script type="text/javascript" src="../js/jquery.js" ></script>
	<script type="text/javascript" src="../js/echarts.min.js" ></script>
	<script type="text/javascript" src="../js/common.js" ></script>
	<script type="text/javascript" src="../js/project.js" ></script>
</html>
